page{
  height:100%;
}
.cates{
  height: 100%;
 .cates_container{
  /*在less中使用calc的时候要注意*/
   height: ~'calc(100vh - 90rpx)';
   display: flex;
   .left-menu{
     flex: 2;
    //  变成伸缩盒子的子项高度有默认值为100%
    .menu_item{
      height: 80rpx;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 30rpx;
    }
    .active{
      color: var(--themeColor);
      border-left: 5rpx solid currentColor;
    }
   }
   .right_content{
     flex: 5;
     .goods_group{
       .goods_title{
         height: 80rpx;
         display: flex;
         justify-content: center;
         align-items: center;
         .delimiter{
          color: #ccc;
          padding: 0 10rpx;
         }
         .title{}
        }
         .goods_list{
          display: flex;
          flex-wrap: wrap;
     
           navigator{
             width: 33.33%;
            text-align:center;
             image{
              width: 50%;
             }
             .goods_name{}
           }
         }
       
     }
   }
 }
}